// 导航滑动
navScroll();
backTop();
nav_render();
// content_render();

function navScroll() {
  // var ele = $(".nav_title");
  // ele.width((ele.find("li").length + 1) * (ele.find("li").width() + 50));
  var myScroll = new IScroll('div', {
    scrollX: true,
    scrollY: false
  });
  // myScroll.scrollToElement('.active', true, true);
}





// 动态渲染导航
function nav_render() {
  $.ajax({
    type: "get",
    url: "http://193.112.55.79:9090/api/getbaicaijiatitle",
    dataType: "json",
    success: function (res) {
      template.config("escape", false);
      // console.log(res);
      // 准备模板字符串
      var htmlStr = template("navTmp", res);

      // 动态渲染数据
      $('.nav_title').html(htmlStr);

      var li = document.querySelector(".nav_title li");
      var titleid = li.getAttribute("data-id");
      // console.log(titleid);

      // console.log(li);
      $(".nav_title li:first-child").addClass("active"); //一开始渲染页面默认导航选择  全部 

      content_render(titleid); //默认显示  全部  导航 的内容

      $(".nav_title").on("click", "li", function () {
        $(this).addClass("active").siblings().removeClass("active");
        var titleid = $(this).data("id");
        // console.log(titleid);
        content_render(titleid);
      })

    }
  })
}


//动态渲染页面内容
function content_render(titleid) {
  // console.log(titleid);
  $.ajax({
    type: "get",
    url: "http://193.112.55.79:9090/api/getbaicaijiaproduct",
    data: {
      titleid: titleid
    },
    dataType: "json",
    success: function (res) {
      template.config("escape", false);
      // console.log(res);
      // 准备模板字符串
      var htmlStr = template("ListTmp", res);

      // 动态渲染数据
      $('.content_all').html(htmlStr);
    }
  })
}


// 鼠标点击后返回到顶部
function backTop() {
  var stick = document.getElementById("footer-stick");
  var backTop = document.querySelector(".backTop");
  stick.onclick = function () {
    //返回到的是顶端
    $('html,body').stop().animate({
      scrollTop: 0
    });
  }
  backTop.onclick = function () {
    //返回到的是顶端
    $('html,body').stop().animate({
      scrollTop: 0
    });
  }
}